<script setup>

import {ModeNightOutlined, LightModeOutlined} from "@vicons/material";
import {NButton, NIcon} from "naive-ui";
import {useThemeStore} from "../../store/theme/index.js";

const themeStore = useThemeStore()
</script>

<template>
  <n-button tertiary circle type="error" @click="themeStore.changeTheme()" size="medium">
    <template #icon>
      <n-icon>
        <light-mode-outlined v-if="themeStore.isDark"/>
        <mode-night-outlined v-else/>
      </n-icon>
    </template>
  </n-button>
</template>

<style scoped>

</style>
